<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<title>Comely Profile Widget a Responsive Widget Template :: w3layouts</title>
	<!-- Meta Tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8" />
	<meta name="keywords" content="Comely Profile Widget Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements"
	/>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--// Meta Tags -->
	<!-- Custom Theme files -->
	<link href="/chat/css/fontawesome-all.css" rel="stylesheet">
	<link href="/chat/css/style5.css" rel="stylesheet" type="text/css" media="all" />
	<!-- //Custom Theme files -->
	<!-- web font -->
	<link href="//fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700" rel="stylesheet">
	<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
	<!-- //web font -->
	
	
</head>

<body>
	<h1>Comely Profile Widget</h1>
	<div class="main-agileits">
		<div class="inner-w3-agile">
			<!-- left section -->
			<div class="left-section" style="background-image: url('images/venuetest.jpg');">
				<div class="left-btns">
					<a href="#" class="btn1">
						<i class="fas fa-user-plus"></i>关注</a>
					<a href="#" class="btn2">
						<i class="far fa-envelope"></i>Message</a>
				</div>
			</div>
			<!-- //left section -->
			<!-- right section -->
			<div class="right-w3-agile">
				<div class="right-info">
					<h2 th:text="${user.user_name}">会馆A</h2>
					<span class="designation">会馆</span>
					<p class="para-wthree">
						<a href="mailto:example@mail.com" th:text="${user.user_email}">mail@example.com</a>
					</p>
					<p class="para-wthree">Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut labore et dolore magna
						aliqua uta enim ad minim ven iam quis nostrud</p>
					<div class="social-w3layouts">
						<ul>
							<li>
								<a href="#">
									<i class="fab fa-facebook-f"></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="fab fa-twitter"></i>
								</a>
							</li>
							<!-- <li style="margin-left: 270px;">
								<a href="#">
									<a href="#" ><button type="button" class="btn btn-default btn-sm" style="background-color: #25D275; border-radius: 12px;">
	<span class="glyphicon glyphicon-user"></span> <span >预约</span>
</button></a>
								</a>
							</li> -->
						</ul>
					</div>
				</div>
				<div class="right-grids-w3-agileits">
					<div class="grids g1">
						<h6>
							<span>448</span>Tweets</h6>
					</div>
					<div class="grids g2">
						<h6>
							<span>600</span>Followers</h6>
					</div>
					<div class="grids g3">
						<h6>
							<span>218</span>Following</h6>
					</div>
				</div>
			</div>
			<!-- //right section -->
		</div>
	</div>
</body>

</html>